<!DOCTYPE html>
<html>

<head>
    <!-- Meta, title, CSS, favicons, etc. -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="flowercoder home">
    <meta name="keywords" content="flowercoder, homepage">
    <meta name="author" content="flowercoder">
    <title>flowercoder</title>
    <link rel="stylesheet" type="text/css" href="./assets/css/onlinewebfonts.css"/>
    <link rel="stylesheet" type="text/css" href="./assets/css/vno.css">
    <link rel="stylesheet" type="text/css" href="./assets/css/iconfont.css">
    <style>
        .web_notice a{
            text-decoration:none;
            color: #5ba4e5;
        }
    </style>
    <script !src="">
        function outDiv(){
            document.getElementById("mydiv").style.display="block";
        }

        function hindDiv(){
            document.getElementById("mydiv").style.display="none";
        }

    </script>
</head>

<body>
    <span class="mobile btn-mobile-menu">
        <i class="social iconfont icon-list btn-mobile-menu__icon"></i>
        <i class="social iconfont icon-angleup btn-mobile-close__icon hidden"></i>
    </span>

    <header id="panel" class="panel-cover">
        <div class="panel-main">
            <div class="panel-main__inner panel-inverted">
                <div class="web_notice" id="mydiv" style="
                    display: none;
                    position: fixed;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                    /*background: rgba(0,0,0,0.3);*/
                    /*background: center center no-repeat #2e2e2e;*/
                    z-index: 99999;
                    ">
                                    <div style="
                    position: fixed;
                    top: 50%;
                    left: 50%;
                    width: 550px;
                    /*background: center center no-repeat #2e2e2e;*/
                    background: rgba(0,0,0,0.8);
                    transform: translate(-50%, -50%);
                    border-radius: 10px;
                    padding: 50px 40px;">
                                        <div style="
                    font-size: 16px;
                    margin-top: 26px;
                    line-height: 30px;
                    color: #FFF;
                    text-align: left;
                    ">
                    <div id="content-backdrop" class="px-1 md:px-4 py-1 rounded shadow-lg"><h1 class="text-4xl font-bold my-3" style="color: white">大家好 👋</h1> <p class="my-4">
                        这里是flowercoder的主页,
                    </p> <main id="main" style="--moveX:-1.54816px; --moveY:0.0755416px;"><p class="my-4">
                        我现在还是一名在读研究生，就读于西北某985高校。
                        目前正在微服务及云原生领域学习和摸索，我个人很喜欢Java这门语言，
                        同时也十分擅长利用Java编写程序，我所有编写的代码程序都托管在
                        <a href="https://gitee.com/ShengHua666" target="_blank">Gitee平台</a>
                        。
                        当然，我也是一个喜欢撰写技术博客的人，我的博客一般都在
                        <a href="https://blog.csdn.net/huahua66123" target="_blank"> CSDN平台</a>
                        发布，如果有兴趣可以对我进行指点。
                        生活之余我还喜欢在
                        <a href="https://www.zhihu.com/people/flowercoder" target="_blank">知乎</a>
                        上分享自己的经验并回答一些我力所能及的问题。
                    </p> <p class="my-4">
                        最后，我还是一名正在寻求机会的人，我很擅长提供一些技术方案去解决实际问题，如果您想与我合作，请
<!--                        <a href="mailto:1720282908@qq.com">发送邮件给我吧~</a>.-->
                    </p></main></div></div>
                        <a href="#" style="
                            display: block;
                            background: blueviolet;
                            color: #FFF;
                            text-align: center;
                            font-weight: bold;
                            font-size: 19px;
                            line-height: 60px;
                            margin: 0 auto;
                            margin-top: 45px;
                            border-radius: 32px;
                            width: 80%;
                        " onclick="hindDiv()">我记住你啦</a>


                    </div>
                </div>
                <div class="panel-main__content" >
                    <div class="ih-item circle effect right_to_left">            
                        <a href="#" title="" class="blog-button">
                            <div class="img"><img src="./assets/img/icon1.jpg" alt="img" class="js-avatar iUp profilepic"></div>
                            <div class="info iUp">
                                <div class="info-back">
                                    <h2>

                                            Keep
                                        
                                    </h2>
                                    <p>
                                        
                                            自律给我自由
                                        
                                    </p>
                                </div>
                            </div>
                        </a>
                    </div>
                    <h1 class="panel-cover__title panel-title iUp" style="margin-top: 20px;margin-bottom: 10px">
                        <a href="#" onclick="outDiv()" title="关于我">FlowerCoder</a>
                    </h1>
                    <p class="panel-cover__subtitle panel-subtitle iUp" style="margin-bottom: 5px">A simple man</p>
                    <hr class="panel-cover__divider iUp" style="margin-top: 10px" />
                    <p id="description" class="panel-cover__description iUp">最珍贵的是今天，最容易失去的也是今天。
                        <br/>
                        <strong>-「李大钊」</strong>
                    </p>
                    <div class="navigation-wrapper iUp">
                        <div class="iUp">
                            <nav class="cover-navigation navigation--social" style="margin-top: 10px;">
                                <ul class="navigation">
                                    <li class="navigation__item">
                                        <a href="https://gitee.com/ShengHua666" title="gitee" target="_blank">
                                            <i class='social iconfont icon-mayun'></i>
                                            <span class="label">gitee</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="https://blog.csdn.net/huahua66123" title="CSDN" target="_blank">
                                            <i class='social iconfont icon-csdn'></i>
                                            <span class="label">csdn</span>
                                        </a>
                                    </li>

                                    <li class="navigation__item">
                                        <a href="https://www.zhihu.com/people/flowercoder" title="zhihu" target="_blank">
                                            <i class='social iconfont icon-zhihu'></i>
                                            <span class="label">zhihu</span>
                                        </a>
                                    </li>
                                    <li class="navigation__item">
                                        <a href="mailto:1720282908@qq.com" title="email">
                                            <i class='social iconfont icon-email'></i>
                                            <span class="label">email</span>
                                        </a>
                                    </li>
                                </ul>
                            </nav>
                        </div>
                    </div>
                </div>
            </div>
            <div class="panel-cover--overlay cover-slate"></div>
        </div>

            <div class="remark iUp" style="margin:10px auto;width:100%;text-align:center;padding: 0">
                <p class="power">Powered By
                    <a href="https://i.dmego.cn/" target="_blank"> Dmego </a> And
                    <a href="https://hitokoto.cn/" target="_blank"> Hitokoto </a>
                </p>
            </div>

    </header>

    <script type="text/javascript" src="./assets/js/jquery.min.js"></script>
    <script type="text/javascript" src="./assets/js/main.js"></script>
    <script type="text/javascript" src="./assets/json/images.json?cb=getBingImages"></script>
</body>
</html>

